<meta charset="UTF-8">
<script src="./utils.js"></script>
<style>
    img{
        width: 1000px;height: 450px;
    }
</style>
<!-- 给图片src写假地址，另写一个属性名放真地址 -->
<img src="./imgs/金城武小图.jpg" src-real="./imgs/金城武.jpg" alt=""><br>
<img src="./imgs/金城武小图.jpg" src-real="./imgs/金城武.jpg" alt=""><br>
<img src="./imgs/金城武小图.jpg" src-real="./imgs/金城武.jpg" alt=""><br>
<img src="./imgs/金城武小图.jpg" src-real="./imgs/金城武.jpg" alt=""><br>
<img src="./imgs/金城武小图.jpg" src-real="./imgs/金城武.jpg" alt=""><br>
<img src="./imgs/金城武小图.jpg" src-real="./imgs/金城武.jpg" alt=""><br>
<img src="./imgs/金城武小图.jpg" src-real="./imgs/金城武.jpg" alt=""><br>
<script>
// 调用utils中的lazyload函数
lazyload()  
// 绑定滚动事件
window.onscroll=lazyload 
</script>
